<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div class="col-md-7">
	<h3 class="font-thin">New Songs</h3>
	<div class="row row-sm">
		<div class="col-xs-6 col-sm-3">
			<div class="item">
				<div class="pos-rlt">
					<div class="item-overlay opacity r r-2x bg-black">
						<div class="center text-center m-t-n">
							<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
						</div>
					</div>
					<a href="#"><img src="images/a2.png" alt=""
						class="r r-2x img-full"></a>
				</div>
				<div class="padder-v">
					<a href="#" class="text-ellipsis">Spring rain</a> <a href="#"
						class="text-ellipsis text-xs text-muted">Miaow</a>
				</div>
			</div>
		</div>
		<div class="col-xs-6 col-sm-3">
			<div class="item">
				<div class="pos-rlt">
					<div class="item-overlay opacity r r-2x bg-black">
						<div class="center text-center m-t-n">
							<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
						</div>
					</div>
					<a href="#"><img src="images/a3.png" alt=""
						class="r r-2x img-full"></a>
				</div>
				<div class="padder-v">
					<a href="#" class="text-ellipsis">Hope</a> <a href="#"
						class="text-ellipsis text-xs text-muted">Miya</a>
				</div>
			</div>
		</div>
		<div class="col-xs-6 col-sm-3">
			<div class="item">
				<div class="pos-rlt">
					<div class="item-overlay opacity r r-2x bg-black">
						<div class="center text-center m-t-n">
							<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
						</div>
					</div>
					<a href="#"><img src="images/a8.png" alt=""
						class="r r-2x img-full"></a>
				</div>
				<div class="padder-v">
					<a href="#" class="text-ellipsis">Listen wind</a> <a href="#"
						class="text-ellipsis text-xs text-muted">Soyia Jess</a>
				</div>
			</div>
		</div>
		<div class="col-xs-6 col-sm-3">
			<div class="item">
				<div class="pos-rlt">
					<div class="item-overlay opacity r r-2x bg-black">
						<div class="center text-center m-t-n">
							<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
						</div>
					</div>
					<a href="#"><img src="images/a9.png" alt=""
						class="r r-2x img-full"></a>
				</div>
				<div class="padder-v">
					<a href="#" class="text-ellipsis">Breaking me</a> <a href="#"
						class="text-ellipsis text-xs text-muted">Pett JA</a>
				</div>
			</div>
		</div>
		<div class="col-xs-6 col-sm-3">
			<div class="item">
				<div class="pos-rlt">
					<div class="item-overlay opacity r r-2x bg-black">
						<div class="center text-center m-t-n">
							<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
						</div>
					</div>
					<a href="#"><img src="images/a1.png" alt=""
						class="r r-2x img-full"></a>
				</div>
				<div class="padder-v">
					<a href="#" class="text-ellipsis">Nothing</a> <a href="#"
						class="text-ellipsis text-xs text-muted">Willion</a>
				</div>
			</div>
		</div>
		<div class="col-xs-6 col-sm-3">
			<div class="item">
				<div class="pos-rlt">
					<div class="item-overlay opacity r r-2x bg-black">
						<div class="center text-center m-t-n">
							<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
						</div>
					</div>
					<a href="#"><img src="images/a6.png" alt=""
						class="r r-2x img-full"></a>
				</div>
				<div class="padder-v">
					<a href="#" class="text-ellipsis">Panda Style</a> <a href="#"
						class="text-ellipsis text-xs text-muted">Lionie</a>
				</div>
			</div>
		</div>
		<div class="col-xs-6 col-sm-3">
			<div class="item">
				<div class="pos-rlt">
					<div class="item-overlay opacity r r-2x bg-black">
						<div class="center text-center m-t-n">
							<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
						</div>
					</div>
					<a href="#"><img src="images/a7.png" alt=""
						class="r r-2x img-full"></a>
				</div>
				<div class="padder-v">
					<a href="#" class="text-ellipsis">Hook Me</a> <a href="#"
						class="text-ellipsis text-xs text-muted">Gossi</a>
				</div>
			</div>
		</div>
		<div class="col-xs-6 col-sm-3">
			<div class="item">
				<div class="pos-rlt">
					<div class="item-overlay opacity r r-2x bg-black">
						<div class="center text-center m-t-n">
							<a href="#"><i class="fa fa-play-circle i-2x"></i></a>
						</div>
					</div>
					<a href="#"><img src="images/a5.png" alt=""
						class="r r-2x img-full"></a>
				</div>
				<div class="padder-v">
					<a href="#" class="text-ellipsis">Tempered Song</a> <a href="#"
						class="text-ellipsis text-xs text-muted">Miaow</a>
				</div>
			</div>
		</div>
	</div>
</div>
